import React from 'react'
import { Button, Form, Radio, Icon } from 'antd'
import { formItemLayout } from '../BaseFilter'

const TeamFilter: React.FC = () => (
    <div>
        <Radio.Group defaultValue="all" buttonStyle="solid">
            <Radio.Button value="all">全部</Radio.Button>
            <Radio.Button value="create_time">创建时间</Radio.Button>
            <Radio.Button value="member_num">队伍人数</Radio.Button>
            <Radio.Button value="like_num">点赞数</Radio.Button>
        </Radio.Group>
    </div>
)

export class TeamFilterForm extends React.Component<any, any> {
    render () {
        return (
            <Form {...formItemLayout} >
                <Form.Item label='排序'>
                    <TeamFilter/>
                </Form.Item>
                <Form.Item label={'邀请码'}>
                    <Button><Icon type="plus"/>加入队伍</Button>
                </Form.Item>
            </Form>
        )
    }
}
